﻿.account-info { height: 20px; }
.payment-account { margin-top: 20px; border: 1px solid #E5E5E5; padding-top: 20px; }
.payment-amount { color: #FF6600; font-size: large; font-weight: bold; }
.payment-amount small { font-size: 13px; font-weight: normal; color: #444444; margin-left: 5px; }
.payment-refresh-price { font-size: 13px; font-weight: normal; }
.media-object{width: 70px; height: 70px; padding: 2px; border: 1px solid #f3f3f3;}
.ebank { padding: 15px; padding-bottom: 0; background-color: #F9F9F9; border: 1px dashed #ccc; }
.ebank-express { background-color: #FFFBE1; border: 1px dashed #FEBF90; }


.package-item { cursor: pointer; }
.package-item-selected .thumbnail { border: 1px solid #FF6600; }

.recharge-box .ebank { margin: 0 0px 20px; padding: 5px; background-color: #F9F9F9; border: 1px dashed #ccc; }
.recharge-box .ebank-express { background-color: #FFFBE1; border: 1px dashed #FEBF90; }
.recharge-box .ebank label { cursor: pointer; }
.ui-box-extra { box-shadow: 0px 4px 10px #AAA; background-color: #FFFFFF; padding: 20px; margin-bottom: 20px; }


.nav-tabs { border-bottom: none; }
.nav-tabs > li { float: none; }
.nav-tabs > li > a { margin-right: 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { margin-right: -1px; border: 1px solid #ddd; border-left: none; border-right: #fff; }
.tab-content { padding: 15px; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: orange; -webkit-box-shadow: 0 0 0 1px oldlace; box-shadow: 0 0 0 1px oldlace; }
.ebank { background-color: #F9F9F9; border: 1px dashed #ccc; }
.ebank-express { background-color: #FFFBE1; border: 1px dashed #FEBF90; }
.pure-table { /* Remove spacing between table cells (from Normalize.css) */ border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid #cbcbcb; }

.pure-table caption { color: #000; padding: 0.5em 0; text-align: left; }

.pure-table td, .pure-table th { border-left: 1px solid #cbcbcb; /*  inner column border */ border-width: 0 0 0 1px; font-size: inherit; margin: 0; overflow: visible; /*to make ths where the title is really long work*/ padding: 6px 12px; /* cell padding */ }
.pure-table td:first-child, .pure-table th:first-child { border-left-width: 0; }

.pure-table thead { background: #e0e0e0; color: #000; text-align: left; vertical-align: bottom; }

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td { background-color: transparent; }
.pure-table-odd td { background-color: #f2f2f2; }

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td { background-color: #f2f2f2; }

/* BORDERED TABLES */
.pure-table-bordered td { border-bottom: 1px solid #cbcbcb; }
.pure-table-bordered tbody > tr:last-child td, .pure-table-horizontal tbody > tr:last-child td { border-bottom-width: 0; }


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td, .pure-table-horizontal th { border-width: 0 0 1px 0; border-bottom: 1px solid #cbcbcb; }
.pure-table-horizontal tbody > tr:last-child td { border-bottom-width: 0; }
